<template>
	<!-- :indicator-dots="true" ：控制轮播图下的小黑点的显示（true）与隐藏（false) -->
	<!-- :autoplay="true"  :控制轮播图是否自动播放 -->
	<!-- 轮播图是使用的uniapp中的swiper轮播图组件，链接：https://uniapp.dcloud.io/component/swiper -->
	<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" >
		<swiper-item>
			<view class="swiper-item">
				<image src="../../static/index1.jpg"></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image src="../../static/index2.jpg"></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image src="../../static/index3.jpg"></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image src="../../static/index4.jpg"></image>
			</view>
		</swiper-item>
	</swiper>
</template>

<script>
</script>

<style>
	.swiper{
		width: 100%;
		height: 400rpx;
	}
	.swiper-item image{
		width: 100%;
		height: 400rpx;
	}
</style>

